//轮播
//把轮播效果封装成函数
function run(i) { //i是显示第几张图片的索引从0开始数
  //图片轮播效果,每一次向左移动..px
  $('.banner .ul').animate({
    left: '-' + i * 6.9 + 'rem',
  }, 500);
  //小圆点效果
  $('.banner .bar li').eq(i).addClass('cur').siblings().removeClass('cur');
}
var i = 0; //显示图片的索引初始值
//获取图片的总数量
var len = $('.banner .ul li').length;
//做自动轮播功能
function autoplay() {
  if (i == len) {
    i = 0; //如果轮播到最后一张就返回到第一张
  }
  run(i);
  i++;
}
var lunbo = setInterval(autoplay, 4000);
//点击小圆点跳转到指定图片
$('.banner .bar li').click(function () {
  i = $(this).index();
  run(i);
})
